<!DOCTYPE html> <!--  单标签 声明是一个HTML5的文档 -->
 <!-- <html lang="en">  声明这个是个英文网页  -->
 <html lang="zh-cn">  <!--声明这个是个中文网页 -->

<head>   <!-- 头部标签给浏览器看的 -->
	<meta charset="UTF-8"> <!--  meta标签数据元 ，万国码 -->
	<meta name="keywords" content="关键字">  <!-- 搜索引擎用的 -->
	<meta name="description" content="我这是个教学网页">  <!-- 这个是网站描述 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<!-- 浏览器视口设置，用户可否放大缩小你的网页 -->
	<title>王老师原来也挺帅</title>  <!-- 修改网页标题 -->
	<style>
		/*css*/
	
	</style>
	<script>
	// javascript
	</script>
</head>
<body>  <!-- 给浏览者看的 -->
	叹号+tab  <!-- 生成网页结构 -->
	ctrl+/   <!-- 添加注释 -->
	尖括号一对  标签
	DOM元素
	SEO  搜索引擎优化
	浏览器会有一些默认的格式 
	块级元素 ：独占一行 
	行内元素：不会独占一样的
	<h1 align="left">这是不同的标题</h1>
	<h2 align="right">这是不同的标题</h2>
	<h3 align="center">这是不同的标题</h3>
	<h4>这是不同的标题</h4>
	<h5>这是不同的标题</h5>
	<h6>这是不同的标题</h6>
	<hr>  <!-- 水平线 -->

	<p>床前明月光，                        
	   疑是地上霜</p>
	   <p>举头望明月，         低头思故乡</p>
	<span>Lorem ipsum t. quaerat.</sapn>
	<sapn>Lorem ipsum t. quaerat.</sapn>
	<img src="..\..\img\p1-img1.jpg" alt="">    行内块元素  inline-block  display :
	<!-- 单标签  src是图片的地址 
	绝对地址：网络上的链接
	相当地址:1\一个文件夹下可以直接写图片文件的名字
			2、..表示上一层目录	
	-->
	
 </body>
</html>